<template>
<div class="Banner">
    <van-swipe :autoplay="3000" :heigth="200">
        <van-swipe-item v-for="(image, index) in images" :key="index">
            <img class="img" :src="image" />
        </van-swipe-item>
    </van-swipe>

</div>

</template>

<script>

    export default {
        name: "Banner",
        data() {
            return {
                images: [
                    'https://img02.zaozuo.com/877cbd3ab4b125f09549ced94c54b35e?x-oss-process=image/format,jpg/interlace,1,image/resize,w_1080,limit_0',
                    'https://img02.zaozuo.com/2e6953331b341c608714630764c53ce9?x-oss-process=image/format,jpg/interlace,1,image/resize,w_1080,limit_0',
                    'https://img02.zaozuo.com/62509709605b2fe329459d2a4ba768b2?x-oss-process=image/format,jpg/interlace,1,image/resize,w_1080,limit_0',
                    'https://img02.zaozuo.com/534817e7dd3a7b97227ff8823b82023f?x-oss-process=image/format,jpg/interlace,1,image/resize,w_1080,limit_0',
                    'https://img02.zaozuo.com/ed52ff6a0db86cb60b0022eb6ec0c6ad?x-oss-process=image/format,jpg/interlace,1,image/resize,w_1080,limit_0'
                ]
            }
        }
    }
</script>

<style scoped>
.Banner .img{
    width: 100%;
    margin-top: 100px;
}

</style>